/* ---------------------------------
 *          Donate Buttons
 * --------------------------------- */
$donate-qrcode-max-width ?= 280px
$donate-qrcode-shadow ?= $card-shadow
$donate-qrcode-box-radius ?= $card-radius

.donate
    position: relative

    .qrcode
        display: none
        position: absolute
        z-index: 99
        bottom: 2.5em
        line-height: 0
        overflow: hidden
        box-shadow: $donate-qrcode-shadow
        border-radius: $donate-qrcode-box-radius

        img
            max-width: $donate-qrcode-max-width

    &:hover
        .qrcode
            display: block

    &:first-child:not(:last-child)
        .qrcode
            left: -.75rem

    &:last-child:not(:first-child)
        .qrcode
            right: -.75rem
